<template>
         <CustomTableVue :field-list="useFields().underGroundProjectFiield" :table-data="tableData" height="85%" >
            <template #length="slotProps">
          <div class="text-center" style="font-family:' DIN-Bold';color: rgba(0, 194, 255, 1);">
            {{ slotProps.row.length }}
          </div>
        </template>
      </CustomTableVue>
</template>
    
<script setup lang='ts'>
    import  CustomTableVue from '@/components/common/table/CustomTable.vue';
import { useFields } from "@/hook/useFields";
import { projectFunc } from "@/hook/projectFunc";
const tableData = ref([
    {
        projectName:projectFunc().randomProjectName(),
        area:'工业园区',
        length:'1040',
    },
    {
        projectName:projectFunc().randomProjectName(),

        area:projectFunc().randomArea(),
        length:'700',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'820',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'500',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'708',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'190',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'1400',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'850',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'350',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'270',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'157',
    },
    {
        projectName:projectFunc().randomProjectName(),
        area:projectFunc().randomArea(),

        length:'1524',
    },
    
]);

</script>
    
<style>
    
</style>